{"version":3,"file":"static/chunks/pages/blog/[slug]-bfe57e7bcd34412f.js","mappings":"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","sources":["webpack://_N_E/?2ce9","webpack://_N_E/./components/BlogHero/BlogHero.tsx","webpack://_N_E/./utils/getHeadings.js","webpack://_N_E/./components/Blogs/blog/MoreProducts.tsx","webpack://_N_E/./pages/blog/[slug].tsx","webpack://_N_E/./utils/trip-sheppered-text.js","webpack://_N_E/./utils/videoLinkOptimize.ts","webpack://_N_E/./node_modules/swiper/modules/a11y/a11y.min.css","webpack://_N_E/./node_modules/swiper/modules/lazy/lazy.min.css","webpack://_N_E/./node_modules/swiper/modules/thumbs/thumbs.min.css","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/blog/[slug]\",\n      function () {\n        return require(\"private-next-pages/blog/[slug].tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/blog/[slug]\"])\n      });\n    }\n  ","import styled from 'styled-components';\nimport Image from 'next/image';\nimport dayjs from 'dayjs';\n\ninterface IProps {\n  title: string;\n  snippet: string;\n  media: any;\n  slug: string;\n}\nconst BlogHero = ({ title, snippet, media, slug }: IProps): JSX.Element => {\n  const BlogHero = styled.div`\n    height: 55vh;\n    position: relative;\n    display: flex;\n  `;\n  const StyledImage = styled(Image)`\n    z-index: 0;\n  `;\n  return (\n    <>\n      {slug === 'see-sight-tours-becomes-tripshepherd' ? (\n        <section className=\"Hero_Section \">\n          <BlogHero className=\"BlogHero gap-5 px-[15%] bg-black bg-no-repeat bg-cover bg-center flex  flex-col justify-center items-center  \">\n            <StyledImage\n              alt=\"guidesImage\"\n              src=\"https://res.cloudinary.com/see-sight-tours/image/upload/v1704953373/pexels-pixabay-373543_scspzy.jpg\"\n              layout=\"fill\"\n            />\n            <div\n              className={`absolute top-0 w-full h-full bg-black  z-20 bg-opacity-90`}\n            ></div>\n            <div className=\"PageHero_container flex flex-col   justify-center  z-30 w-full  items-center \">\n              <h1 className=\" text-4xl lg:text-6xl text-primary text-white font-extrabold pb-4  \">\n                Tripshepherd\n              </h1>\n              <h2 className=\" text-2xl lg:text-4xl text-white font-extrabold pb-4  \">\n                The Evolution of See Sight Tours\n              </h2>\n              <div className=\"flex w-full  justify-evenly pb-4 items-center   \">\n                <Image\n                  src=\"https://res.cloudinary.com/see-sight-tours/image/upload/v1598548912/see-sight-tours-logo-stacked.png\"\n                  width={200}\n                  height={100}\n                  alt=\"New logo for see sight tours now known as trip shepherd\"\n                  className=\"w-[150px] lg:w-[200px] \"\n                />\n                <Image\n                  src=\"https://res.cloudinary.com/see-sight-tours/image/upload/v1704261728/logos/TS-Logo_New_Stacked_o630sx.webp\"\n                  width={300}\n                  height={110}\n                  alt=\"New logo for see sight tours now known as trip shepherd\"\n                  className=\"w-[200px] lg:w-[300px] \"\n                />\n              </div>\n              <p className=\"text-sm md:text-base text-white\">{title}</p>\n            </div>\n          </BlogHero>\n        </section>\n      ) : (\n        <section className=\"Hero_Section \">\n          <BlogHero className=\"BlogHero bg-no-repeat bg-cover bg-center flex justify-start items-center\">\n            <StyledImage alt=\"guidesImage\" src={media} layout=\"fill\" />\n            <div\n              className={`absolute top-0 w-full h-full  ${\n                slug !== 'see-sight-tours-becomes-tripshepherd' && 'bg-black'\n              }  z-20 bg-opacity-40`}\n            ></div>\n            <div className=\"PageHero_container flex flex-col px-[2%] 2xl:px-[20%]  justify-center  z-30 w-full  items-center \">\n              <h1 className=\" text-3xl 2xl:text-5xl text-white font-bold text-center  \">\n                {title}\n              </h1>\n              {/* <div className=\"text-base text-white flex-col flex mt-7  font-thin text-center   \">\n            <p>{snippet}</p>\n            <p className=\" font-semibold \">{`By: ${author}`}</p>\n            <p className=\" font-semibold \">{publicationDate}</p>\n          </div> */}\n            </div>\n          </BlogHero>\n        </section>\n      )}\n    </>\n  );\n};\n\nexport default BlogHero;\n","function getHeadings(str) {\n  const headingRegex = /<h([1-3])>(.+?)<\\/h[1-3]>/gi;\n\n  let matches = null;\n  const headings = {};\n  let currentHeading = null;\n  let idCounter = 0;\n  let htmlWithIds = str;\n\n  while ((matches = headingRegex.exec(str))) {\n    const level = parseInt(matches[1], 10);\n    const text = matches[2].trim().replace(/<\\/?[^>]+>/gi, '');\n    const id = `heading-${++idCounter}`;\n\n    const heading = { level, text: text.trim(), id, subheadings: [] };\n\n    if (level === 2) {\n      headings[id] = heading;\n      currentHeading = heading;\n    } else if (level === 3 && currentHeading) {\n      currentHeading.subheadings.push(heading);\n    }\n\n    htmlWithIds = htmlWithIds.replace(\n      matches[0],\n      `<h${level} id=\"${id}\">${text}</h${level}>`\n    );\n  }\n\n  const headingsArray = Object.values(headings).map(heading => {\n    if (heading.subheadings.length > 0) {\n      heading.subheadings = Object.values(heading.subheadings);\n    }\n    return heading;\n  });\n\n  return { headings: headingsArray, htmlWithIds };\n}\n\nexport function findAndFilterDuplicates(headings) {\n  if (headings === undefined) return { duplicates: [], filteredHeadings: [] };\n  const seenHeadings = new Set();\n  const filteredHeadings = [];\n\n  for (const heading of headings) {\n    const textWithoutEntities = heading.text.replace(/&[^\\s;]+;/g, '');\n    if (!seenHeadings.has(textWithoutEntities)) {\n      filteredHeadings.push(heading);\n      seenHeadings.add(textWithoutEntities);\n    }\n  }\n\n  return filteredHeadings;\n}\n\nexport function scrollToBlogElement(elementId) {\n  const element = document.getElementById(elementId);\n\n  if (element) {\n    const yOffset = element.getBoundingClientRect().top + window.pageYOffset;\n    const targetY = yOffset - 100;\n\n    window.scrollTo({ top: targetY, behavior: 'smooth' });\n  }\n}\n\nexport default getHeadings;\n","import Image from 'next/image';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport SwiperCore, {\n  Autoplay,\n  Navigation,\n  A11y,\n  Lazy,\n  EffectFade,\n  Pagination\n} from 'swiper';\nimport 'swiper/css';\nimport 'swiper/css/lazy';\nimport 'swiper/css/a11y';\n\nimport 'swiper/css/pagination';\nimport 'swiper/css/thumbs';\nimport 'swiper/css/effect-fade';\nimport styled from 'styled-components';\n\nSwiperCore.use([Autoplay, Navigation, Pagination, Lazy, A11y, EffectFade]);\n\ninterface IProps {\n  relatedProducts: Record<string, any>;\n}\nconst ImageWrapper = styled.div`\n  position: relative;\n  flex: none;\n  width: 40%;\n  height: 100%;\n  aspect-ratio: 1/1;\n  border-radius: 0.5rem;\n  overflow: hidden !important;\n`;\nconst SwiperStyle = styled(Swiper)`\n  .swiper-wrapper {\n    padding-bottom: 1.5rem;\n  }\n`;\nconst MoreProducts = ({ relatedProducts }: IProps) => {\n  return (\n    <>\n      <SwiperStyle\n        slidesPerView=\"auto\"\n        spaceBetween={5}\n        grabCursor\n        pagination={{ dynamicBullets: true }}\n        loop={true}\n        lazy={{\n          loadPrevNext: false,\n          checkInView: true\n        }}\n        breakpoints={{\n          226: {\n            slidesPerView: 1.2\n          },\n          570: {\n            slidesPerView: 2,\n            spaceBetween: 5\n          },\n          768: {\n            slidesPerView: 2.2,\n            spaceBetween: 5\n          }\n        }}\n      >\n        {relatedProducts?.map((item: Record<string, any>, index: number) => (\n          <SwiperSlide key={index}>\n            <div className=\"flex rounded-lg\">\n              <ImageWrapper>\n                <Image\n                  src={item.cardMedia[0].url}\n                  fill\n                  alt={item.cardMedia[0].alt}\n                  quality={100}\n                  className=\"object-cover rounded-lg min-w-[80px] min-h-[80px] max-w-[200px] max-h-[200px] aspect-square\"\n                />\n              </ImageWrapper>\n\n              <div className=\"pl-3\">\n                <p className=\"name text-xs font-medium text-[#252A34] \">\n                  {item.name}\n                </p>\n                <p className=\"text-xs text-#252A34] font-normal\">\n                  ${item.price}\n                </p>\n              </div>\n            </div>\n          </SwiperSlide>\n        ))}\n      </SwiperStyle>\n    </>\n  );\n};\n\nexport default MoreProducts;\n","import React, { startTransition, useContext, useEffect, useState } from 'react';\nimport dynamic from 'next/dynamic';\nimport Link from 'next/link';\nimport Head from 'next/head';\n\nimport dayjs from 'dayjs';\nimport styled from 'styled-components';\nimport { gql } from '@apollo/client';\nimport { BLOG_PAGE, BLOG_PAGE_INTERFACE } from '../../api/blogPage';\nimport client from '../../apollo-client';\nimport Image from 'next/image';\nimport BlogHero from '../../components/BlogHero/BlogHero';\nimport getHeadings, { scrollToBlogElement } from '../../utils/getHeadings';\nconst MARKDOWN = dynamic(() => import('../../utils/react-markdown'));\nconst ArticleMobile = dynamic(\n  () => import('../../components/Blogs/blog/ArticleMob')\n);\nconst ArticleDesk = dynamic(\n  () => import('../../components/Blogs/blog/ArticleDesk')\n);\nimport TourCard from '../../components/Tour/tourCard';\n\nimport MoreProducts from '../../components/Blogs/blog/MoreProducts';\n\nimport { PaxContext } from '../../utils/context/checkoutContext';\n\nimport replaceText, { replaceCanonical } from '../../utils/trip-sheppered-text';\n\ninterface Params {\n  params: {\n    slug: string;\n  };\n}\n\ninterface BLOGS {\n  blogs: [\n    {\n      slug: string;\n    }\n  ];\n}\nconst BLOGPAGE = styled.div`\n  width: 90%;\n  line-height: 1.8rem;\n  @media (max-width: 1024px) {\n    width: 100%;\n  }\n  padding-top: 2rem;\n  a {\n    color: #38bdf8;\n    text-decoration: underline;\n  }\n  h3 {\n    text-align: left;\n  }\n  @keyframes slideInFromLeft {\n    0% {\n      transform: translateX(-100%);\n      opacity: 0;\n    }\n    100% {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  // Element that will have the slide-in effect\n  .slide-in {\n    animation: slideInFromLeft 0.5s forwards;\n  }\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background: white;\n  position: relative;\n  min-height: 100vh;\n  align-items: flex-start;\n  text-align: start;\n  gap: 0.4rem;\n\n  img {\n    width: 100%;\n    height: auto;\n    max-width: 100%;\n    max-height: 60vh;\n    object-fit: contain;\n    object-position: center center;\n    border-radius: 10px;\n    margin: 5px 0px;\n  }\n  .landscape-full {\n    width: 100%;\n    img {\n      min-width: 100% !important;\n      height: 60vh !important;\n      object-fit: cover;\n      object-position: center center;\n      /* Additional styling for landscape images */\n    }\n  }\n  .landscape-half {\n    width: 100%;\n    img {\n      width: 50% !important;\n      object-fit: cover;\n      object-position: center center;\n      /* Additional styling for landscape images */\n    }\n  }\n  .landscape-70 {\n    width: 100%;\n    img {\n      width: 50% !important;\n      @media (min-width: 700) {\n        max-height: 30vh;\n      }\n      object-fit: cover;\n      object-position: center center;\n      /* Additional styling for landscape images */\n    }\n  }\n\n  .portrait-limit-height {\n    width: 100%;\n    img {\n      max-height: 70vh !important;\n      object-fit: contain;\n      object-position: center center;\n      /* Additional styling for portrait images */\n    }\n  }\n  br {\n    display: none;\n  }\n\n  padding-bottom: 3rem;\n  padding-top: 3rem;\n  h2 {\n    font-size: 28px;\n    padding-top: 1rem;\n\n    font-weight: 500;\n    width: 100%;\n  }\n  h3 {\n    font-size: 24px;\n    padding-top: 1rem;\n    font-weight: 500;\n    width: 100%;\n  }\n  h4 {\n    font-size: 22px;\n    padding-top: 1rem;\n    font-weight: 500;\n    width: 100%;\n  }\n  p {\n    font-size: 18px;\n    color: black;\n    padding-bottom: 0.5rem;\n    text-align: left;\n    @media (min-width: 426px) {\n      text-align: justify;\n      hyphens: auto;\n    }\n  }\n  @media (max-width: 1200px) {\n    padding: 0rem 5%;\n  }\n  @media (max-width: 700px) {\n    padding: 0 4%;\n    h2 {\n      font-size: 22px;\n\n      font-weight: 500;\n    }\n    h3 {\n      font-size: 20px;\n\n      font-weight: 500;\n    }\n    h4 {\n      font-size: 18px;\n\n      font-weight: 500;\n    }\n\n    p {\n      font-size: 16px;\n    }\n  }\n  .center {\n    width: 100%;\n    justify-content: center;\n    display: flex;\n    align-items: center;\n  }\n  .author-section {\n    width: 100%;\n    min-height: 15vh;\n    padding: 2rem;\n    display: flex;\n    gap: 1rem;\n    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n    @media (max-width: 1000px) {\n      flex-direction: column;\n      gap: 1px;\n    }\n    img {\n      padding-top: 25px;\n      height: 50%;\n      border-radius: 100%;\n      max-width: 10%;\n    }\n    .author-description {\n      align-items: center;\n      gap: 5rem;\n      width: 90%;\n      position: relative;\n      h3 {\n        font-weight: 500;\n        color: rgb(57, 216, 221);\n        letter-spacing: 1px;\n        font-size: 30px;\n        @media (max-width: 500px) {\n          letter-spacing: 0px;\n        }\n      }\n      p {\n        color: rgb(130, 145, 146);\n        font-size: 20px;\n      }\n    }\n  }\n  .cta-two-tone {\n    background-image: url('https://res.cloudinary.com/see-sight-tours/image/upload/w_600/v1684227123/banner-background_mp3bnq.webp');\n    max-width: 600px;\n    padding: 1rem 5%;\n    margin: 1rem auto;\n    aspect-ratio: 10/4 !important;\n    background-size: cover;\n    background-position: center;\n    height: auto;\n    gap: 0.5rem;\n    justify-content: start;\n    display: flex;\n    align-items: start;\n    justify-content: space-evenly;\n    br {\n      display: none;\n    }\n    @media (max-width: 700px) {\n      width: 100%;\n      background-position: center;\n      background-size: cover;\n\n      aspect-ratio: 5/1;\n      min-height: 180px;\n      justify-content: space-evenly;\n\n      br {\n        display: none;\n      }\n    }\n    min-height: 220px;\n    border-radius: 20px;\n\n    display: flex;\n    flex-direction: column;\n\n    p {\n      margin-top: 1rem;\n      color: white;\n      font-size: 28px;\n      padding: 0rem 1rem;\n      text-align: center;\n\n      position: relative;\n      @media (max-width: 900px) {\n        text-align: center;\n        font-size: 21px;\n      }\n      @media (max-width: 500px) {\n        margin-top: 0;\n        text-align: center;\n\n        font-size: 20px;\n      }\n    }\n    .button-container {\n      width: 100%;\n      display: flex;\n      background-position: center;\n      justify-content: center;\n      position: relative;\n      height: 100%;\n      align-items: center;\n      border-radius: 0px 0px 20px 20px;\n      @media (max-width: 900px) {\n        font-size: 18px;\n        align-items: center;\n      }\n      @media (max-width: 500px) {\n        max-height: 20%;\n        align-items: center;\n      }\n      a {\n        position: relative;\n        background: #fd5d5a;\n        border-radius: 20px;\n        width: 45%;\n        padding: 0.5rem 0rem;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        text-decoration: none;\n        text-align: center;\n        color: white !important;\n        font-size: 21px;\n        font-weight: bold;\n        @media (max-width: 550px) {\n          width: 60%;\n          font-size: 18px;\n          padding: 0.5rem 0rem;\n        }\n        &:hover {\n          background: #fd3f3c;\n        }\n      }\n    }\n  }\n`;\nconst BLOG_CARD = styled(Link)`\n  display: flex;\n  gap: 4;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n  height: 80px;\n  width: 90%;\n\n  @media (min-width: 1024px) and (max-width: 1360px) {\n    width: 100%;\n  }\n  align-items: center;\n  justify-content: start;\n  text-decoration: none !important;\n  color: black !important;\n\n  img {\n    border-radius: 10px;\n    width: 100px;\n    height: 100px;\n    min-width: 130px;\n    margin-right: 10px;\n\n    @media (min-width: 1024px) and (max-width: 1360px) {\n      min-width: 100px;\n    }\n  }\n  .details {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-evenly;\n    height: 100%;\n    .name {\n      font-size: 16px;\n      font-weight: 500;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      height: 75px;\n      @media (max-width: 1172px) {\n        width: 70px;\n      }\n    }\n    .price {\n      font-weight: 300;\n      font-size: 14px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n`;\nconst ImageWrapper = styled.div`\n  position: relative;\n  flex: none;\n  width: 45%;\n  height: 100%;\n  aspect-ratio: 1/1;\n  @media (max-width: 570px) {\n    width: 35%;\n  }\n`;\nexport async function getStaticPaths() {\n  const { data } = await client.query<BLOGS>({\n    query: gql`\n      query BLOGS_PAGE($date: timestamptz!) {\n        blogs: strapi_blogs(where: { published_at: { _lte: $date } }) {\n          slug\n        }\n      }\n    `,\n    variables: {\n      date: dayjs().format('YYYY-MM-DD')\n    }\n  });\n\n  if (process.env.NEXT_PUBLIC_MODE === 'DEV') {\n    return {\n      paths: data.blogs.slice(0, 1).map(blog => {\n        return { params: { slug: blog.slug.toString() } };\n      }),\n      fallback: 'blocking'\n    };\n  }\n\n  return {\n    paths: data.blogs.map(blog => {\n      return { params: { slug: blog.slug.toString() } };\n    }),\n    fallback: 'blocking'\n  };\n}\nexport async function getStaticProps({ params }: Params) {\n  const { slug } = params;\n\n  const { data } = await client.query<BLOG_PAGE_INTERFACE>({\n    query: BLOG_PAGE,\n    variables: {\n      slug\n    }\n  });\n\n  if (!data.blogs[0]) {\n    return {\n      redirect: {\n        statusCode: 301,\n        destination: '/404'\n      }\n    };\n  }\n  return {\n    props: {\n      blogs:\n        slug !== 'see-sight-tours-becomes-tripshepherd'\n          ? JSON.parse(replaceText(JSON.stringify(data.blogs)))\n          : data.blogs\n    }\n  };\n}\n\nconst Blog = ({ blogs }: BLOG_PAGE_INTERFACE) => {\n  const [relProd, setRelProd] = useState<Record<string, any>>([]);\n\n  const [openToc, setOpenToc] = useState<boolean>(false);\n\n  const blogSchema =\n    blogs && blogs.length > 0\n      ? {\n          '@context': 'https://schema.org',\n          '@type': 'BlogPosting',\n          headline: blogs[0]?.pageTitle ? blogs[0]?.pageTitle : '',\n          image: blogs[0]?.heroMedia.map(item => item?.url),\n          datePublished: blogs[0]?.publicationDate,\n          dateModified: blogs[0]?.publicationDate,\n          author: [\n            {\n              '@type': 'Person',\n              name: blogs[0]?.author,\n              url: blogs[0]?.canonical\n            }\n          ],\n          articleBody: blogs[0]?.snippet\n        }\n      : {};\n\n  //@ts-ignore\n  const { updateBlogCity } = useContext(PaxContext);\n\n  useEffect(() => {\n    if (blogs)\n      startTransition(() => {\n        if (blogs[0]?.relatedProducts[0]) {\n          setRelProd(blogs[0]?.relatedProducts);\n        }\n      });\n  }, [blogs[0]?.relatedProducts]);\n\n  useEffect(() => {\n    const elements = document.querySelectorAll('.button-container');\n    const elements2 = document.querySelectorAll('.cta-two-tone');\n    elements2.forEach(element => {\n      if (element) {\n        element.classList.add('animate-pulse');\n        element.classList.add('animate-twice');\n      }\n    });\n    //@ts-ignore\n    elements.forEach(element => {\n      element.addEventListener('click', async () => {\n        await window.gtag('event', 'cta_click', {\n          category: 'interaction',\n          action: 'button click',\n          label: 'button-container'\n        });\n      });\n    });\n\n    if (window.innerWidth > 1500) {\n      setOpenToc(true);\n    }\n    if (blogs[0].relatedProducts[0]) {\n      updateBlogCity(blogs[0]?.relatedProducts[0]?.cities[0]?.slug);\n    }\n  }, []);\n  if (!blogs) {\n    return <p>loading</p>;\n  }\n  const filteredContent =\n    blogs &&\n    blogs[0]?.content\n      ?.replace(/^### (.*$)/gim, '<h3>$1</h3>')\n      ?.replace(/^## (.*$)/gim, '<h2>$1</h2>')\n      ?.replace(/^# (.*$)/gim, '<h2>$1</h2>')\n      ?.replace(/^\\> (.*$)/gim, '<blockquote>$1</blockquote>')\n      ?.replace(/\\*\\*(.*)\\*\\*/gim, '<b>$1</b>')\n      ?.replace(/\\*(.*)\\*/gim, '<i>$1</i>')\n      ?.replace(/!\\[(.*?)\\]\\((.*?)\\)/gim, \"<img alt='$1' src='$2' />\")\n      ?.replace(/\\[(.*?)\\]\\((.*?)\\)/gim, \"<a href='$2'>$1</a>\")\n      ?.replace(/\\n$/gim, '<br />')\n      ?.trim();\n  /* ('the filtered content', filteredContent);\n  const h2Query = /<h1>/g;\n  const h2 = filteredContent.match(h2Query); */\n  const content = getHeadings(filteredContent);\n  return (\n    <>\n      <Head>\n        <meta\n          name=\"og:title\"\n          content={blogs[0]?.pageTitle ? blogs[0]?.pageTitle : ''}\n        />\n        <meta name=\"og:description\" content={blogs[0]?.metaDescription} />\n        <title>{blogs[0]?.pageTitle ? blogs[0]?.pageTitle : ''}</title>\n        <meta name=\"description\" content={blogs[0]?.metaDescription} />\n        <link href={`${blogs[0]?.canonical}`} rel=\"canonical\" key=\"canonical\" />\n        <meta\n          name=\"og:image\"\n          content={replaceCanonical(blogs[0].heroMedia[0].url)}\n        />\n        <script\n          type=\"application/ld+json\"\n          dangerouslySetInnerHTML={{\n            __html: JSON.stringify(blogSchema)\n          }}\n        />\n      </Head>\n\n      <BlogHero\n        title={blogs[0]?.header}\n        snippet={blogs[0]?.subheader}\n        media={blogs[0]?.heroMedia[0]?.url}\n        slug={blogs[0]?.slug}\n      />\n      <div\n        className={`${\n          blogs[0]?.relatedProducts[0] ? 'lg:px-[7%]' : 'lg:px-[15%]'\n        } px-[2%] `}\n      >\n        {blogs[0]?.relatedProducts[0] && (\n          <div className=\"px-[4%] lg:px-[6%] bg-[#FEEFEF] py-5 mb-6 block lg:hidden\">\n            <h2 className=\"text-base font-normal mb-6\">Keep Exploring</h2>\n            <MoreProducts relatedProducts={blogs[0]?.relatedProducts} />\n          </div>\n        )}\n\n        <div\n          id=\"author\"\n          className=\" flex items-center mx-[4%] mt-[2%]  lg:mx-[6%]\"\n        >\n          <span className=\" pr-4 text-base  text-[#6C757D] font-bold\">\n            {blogs[0]?.author}\n          </span>\n          <span className=\" text-base  text-[#6C757D] font-bold\">\n            {blogs[0]?.publicationDate}\n          </span>\n        </div>\n        {content.headings.length > 0 && (\n          <div className=\"flex mx-auto w-[96%] sm:w-[94%] md:w-[94%] lg:w-[90%] xl:w-[100%] items-center justify-center\">\n            <div\n              className={`p-4 2xl:px-12 w-full mx-[6%] lg:mx-[6%] md:max-w-[50%] lg:max-w-[50%] py-3 ${\n                openToc ? 'h-[400px]' : 'auto'\n              } ${\n                openToc ? 'overflow-y-auto' : 'none'\n              } bg-[#F3F3F3] border border-gray-400 flex-col gap-2 my-4`}\n            >\n              <div className=\"flex justify-between items-center ml-2\">\n                <p className=\"text-[#6C757D] text-lg xl:text-xl font-bold 2xl:my-4 my-2\">\n                  Table of Contents\n                </p>\n                <Image\n                  src=\"/dropDown.png\"\n                  width={20}\n                  height={20}\n                  alt=\"dropdown\"\n                  onClick={() => setOpenToc(!openToc)}\n                  className={`rotate-180 ${\n                    openToc && 'rotate-0'\n                  } cursor-pointer`}\n                />\n              </div>\n              {openToc && (\n                <div className=\"flex flex-col gap-1 pt-2\">\n                  {content.headings.map((item, index) => (\n                    <div\n                      key={item.id}\n                      className={`pl-${item.level === 3 ? 4 : 2}`}\n                    >\n                      <span className=\"text-[16px] font-semibold pr-2\">\n                        {index + 1}.\n                      </span>\n                      <span\n                        onClick={() => scrollToBlogElement(item.id)}\n                        className=\"cursor-pointer hover:text-blue-400 text-start text-[16px] font-[500px]  hover:underline ml-1\"\n                      >\n                        {`${item.text.replace(/&nbsp;$/, '')}`}\n                      </span>\n                      {item.subheadings && (\n                        <div className=\"pl-4\">\n                          {item.subheadings.map(\n                            (subitem: any, subindex: any) => (\n                              <div key={subitem.id} className={`pl-2`}>\n                                <span className=\"text-[14px] font-medium pr-2\">{`${\n                                  index + 1\n                                }.${subindex + 1}`}</span>\n                                <span\n                                  onClick={() =>\n                                    scrollToBlogElement(subitem.id)\n                                  }\n                                  className=\"cursor-pointer hover:text-blue-400 text-start text-xs md:text-sm font-light hover:underline ml-1\"\n                                >\n                                  {`${subitem.text.replace(/&nbsp;$/, '')}`}\n                                </span>\n                              </div>\n                            )\n                          )}\n                        </div>\n                      )}\n                    </div>\n                  ))}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        <div className=\"lg:flex-row flex-col flex gap-10 items-start justify-center relative px-[4%] lg:px-[6%]\">\n          <BLOGPAGE>\n            <MARKDOWN\n              content={\n                content?.htmlWithIds ? content?.htmlWithIds : filteredContent\n              }\n            />\n          </BLOGPAGE>\n\n          {blogs[0]?.relatedProducts.length > 0 && (\n            <div className=\"bg-[#FEEFEF] hidden lg:flex flex-col py-6 px-4 flex-wrap w-full lg:w-[35%] justify-between lg:justify-center items-center  lg:gap-3 mt-10 top-[100px] sticky\">\n              <h2 className=\"text-xl w-full text-center\">Keep Exploring</h2>\n              {blogs[0]?.relatedProducts.map(item => (\n                <BLOG_CARD key={item.name} href={`/tours/${item.slug}`}>\n                  <Image\n                    src={item.cardMedia[0].url}\n                    width={200}\n                    height={100}\n                    alt={item.name}\n                    className=\" \"\n                    quality={100}\n                  />\n                  <div className=\"details\">\n                    {item.name.length > 25\n                      ? `${item.name.slice(0, 25)}...`\n                      : item.name}\n                    <span className=\"mt-3 font-bold  \">${item.price}</span>\n                  </div>\n                </BLOG_CARD>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n      {blogs[0]?.relatedArticles[0] && (\n        <section\n          id=\"latest-articles\"\n          className=\"bg-[#5e5e5e1e] px-[4%] lg:px-[6%] md:pb-12\"\n        >\n          <div className=\"pt-8 md:pt-16\">\n            <>\n              <p className=\"text-[#495057] text-lg lg:text-[25px] font-medium px-[4%] md:px-0\">\n                Latest Articles\n              </p>\n              <ArticleDesk relatedArticles={blogs[0]?.relatedArticles} />\n              <ArticleMobile relatedArticles={blogs[0]?.relatedArticles} />\n            </>\n          </div>\n        </section>\n      )}\n      {relProd?.length > 0 && (\n        <section\n          id=\"related-tours\"\n          className={`${\n            blogs[0]?.relatedProducts[0] ? 'lg:px-[12%]' : 'px-[15%]'\n          }  px-[10%] pb-20 `}\n        >\n          <>\n            <h2 className=\"text-lg md:text-2xl lg:text-4xl font-semibold mt-10 mb-6\">\n              Related Tours\n            </h2>\n            <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-2 md:gap-6\">\n              {blogs[0]?.relatedProducts.map(\n                (product: Record<string, any>, index: number) => (\n                  <TourCard key={index} product={product} />\n                )\n              )}\n            </div>\n          </>\n        </section>\n      )}\n    </>\n  );\n};\n\nexport default Blog;\n","function replaceText(inputString) {\n  // Replace \"https://www.seesight-tours.com\" with \"https://www.tripshepherd.com\"\n  const replacedString1 = inputString.replace(\n    /https:\\/\\/www\\.seesight-tours\\.com/g,\n    'https://www.tripshepherd.com'\n  );\n\n  // Replace \"See Sight Tours\", \"seesight\", and \"see sight\" with  \"Trip Shepperd\"\n  const replacedString2 = replacedString1?.replace(\n    /See Sight Tours|See Sight Tour|Seesight Tours|Trip Shepperd/gi,\n    'Tripshepherd'\n  );\n\n  return replacedString2;\n}\nexport function replaceTripShepherd(inputString) {\n  // Replace \"https://www.seesight-tours.com\" with \"http://trip-shepperd.com\"\n  // const replacedString1 = inputString.replace(\n  //   /https:\\/\\/www\\.seesight-tours\\.com/g,\n  //   'http://trip-shepperd.com'\n  // );\n\n  // Replace \"See Sight Tours\", \"seesight\", and \"see sight\" with  \"Trip Shepperd\"\n  const replacedString2 = inputString?.replace(\n    /Tripshepherd/gi,\n    'See Sight Tours'\n  );\n\n  return replacedString2;\n}\n\nexport function replaceCanonical(inputString) {\n  // Replace \"https://www.seesight-tours.com\" with \"http://trip-shepperd.com\"\n  if (!inputString) {\n    return;\n  }\n  const replacedString1 = inputString.replace(\n    /https:\\/\\/www\\.seesight-tours\\.com/g,\n    'https://www.trip-shepperd.com'\n  );\n\n  return replacedString1;\n}\n\nexport default replaceText;\n","export function optimizeVideoUrl(videoUrl: string): string {\n  // Build the Cloudinary transformation string\n  const changeFormat =\n    videoUrl.search('mp4') > -1 ? videoUrl.replace('mp4', 'mp4') : videoUrl;\n  const newLink = changeFormat.split('/upload');\n\n  // Generate the optimized video URL\n  const optimizedUrl = `${newLink[0]}/upload/q_auto,w_500,${newLink[1]}`;\n\n  // Return the optimized URL\n  return optimizedUrl;\n}\nexport function optimizeImageUrl(url: string): string {\n  //Build the Cloudinary transformation string\n\n  /*  const newLink = url.replace('jpeg', 'webp').split('/upload');\n\n  // Generate the optimized video URL\n  const optimizedUrl = `${newLink[0]}/upload/q_100,w_1000,${newLink[1]}`; */\n\n  // Return the optimized URL\n  return url;\n}\n","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin","// extracted by mini-css-extract-plugin"],"names":["window","__NEXT_P","push","__webpack_require__","BlogHero_BlogHero","title","snippet","media","slug","param","BlogHero","styled","div","withConfig","StyledImage","Image","jsx_runtime","jsx","Fragment","section","className","jsxs","alt","src","layout","h1","h2","width","height","p","concat","scrollToBlogElement","elementId","element","document","getElementById","yOffset","getBoundingClientRect","top","pageYOffset","scrollTo","behavior","utils_getHeadings","str","headingRegex","matches","headings","currentHeading","idCounter","htmlWithIds","exec","level","parseInt","text","trim","replace","id","heading","subheadings","headingsArray","Object","values","map","length","SwiperCore","use","Autoplay","Navigation","Pagination","Lazy","A11y","EffectFade","ImageWrapper","SwiperStyle","Swiper","blog_MoreProducts","relatedProducts","slidesPerView","spaceBetween","grabCursor","pagination","dynamicBullets","loop","lazy","loadPrevNext","checkInView","breakpoints","item","index","SwiperSlide","cardMedia","url","fill","quality","name","price","MARKDOWN","dynamic","Promise","all","e","then","bind","ArticleMobile","ArticleDesk","BLOGPAGE","BLOG_CARD","Link","_slug_","blogs","relProd","setRelProd","useState","openToc","setOpenToc","blogSchema","headline","pageTitle","image","heroMedia","datePublished","publicationDate","dateModified","author","canonical","articleBody","updateBlogCity","useContext","PaxContext","useEffect","startTransition","elements","querySelectorAll","elements2","forEach","classList","add","addEventListener","gtag","category","action","label","innerWidth","cities","filteredContent","content","getHeadings","Head","meta","metaDescription","link","href","rel","replaceCanonical","script","type","dangerouslySetInnerHTML","__html","JSON","stringify","header","subheader","MoreProducts","span","onClick","subitem","subindex","slice","relatedArticles","product","TourCard","inputString","replacedString1","__webpack_exports__","ZP","replacedString2","optimizeVideoUrl","videoUrl","changeFormat","search","newLink","split","optimizedUrl","optimizeImageUrl"],"sourceRoot":""}